<%@ page
	language="java"
	contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>HTML5 Color Picker Demonstrated</title>
<script>
	function newBackgroundColor(color) {
		document.bgColor = color;
		document.colorForm.selectedcolor.value = color;
	}
</script>
</head>
<body bgcolor="white">
	<header>
		<h1>HTML 5 Color Picker Demonstrated</h1>
	</header>
	<form name="colorForm">
		<p>
			Select Background Color <input
				name="colorpicker"
				type="color"
				onchange="newBackgroundColor(colorpicker.value);">
		</p>
		<p>
			Selected Color <input
				name="selectedcolor"
				type="text">
		</p>
	</form>
</body>
</html>